@charset "utf-8";
body {
  background: #1c83fc;
}
.content {
  width: 14.72rem;
  margin: 0 auto;
  border-radius: 8rpx;
  background: #fff;
  overflow: hidden;
}
.img {
  width: 100%;
  height: 14.72rem;
  position: relative;
}
.img img {
  width: 14.72rem;
  height: 14.72rem;
}
.img .txt {
  height: 1.024rem;
  line-height: 1.024rem;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(53, 53, 53, 0.25);
}
.img .txt text {
  font-size: 0.5547rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 30rpx;
  display: block;
}
.con .p {
  font-size: 0.768rem;
  color: #353535;
  text-align: center;
  padding: 0.7467rem 0 0.4267rem 0;
}
.con .p text {
  color: #ff0000;
}
.con .portrait {
  width: 13.44rem;
  margin: 0 auto;
  padding: 0 0.2987rem;
}
.con .portrait img {
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 50%;
  overflow: hidden;
}
.hr_20 {
  height: 0.64rem;
  background-color: #1c83fc;
}
.con .portrait .join_user_img {
  display: inline-block;
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid transparent;
  border-radius: 50%;
  background: #d2d2d2;
  overflow: hidden;
}
.con .portrait .join_user_img img {
  width: 100%;
}
.con .time {
  font-size: 0.5973rem;
  color: #353535;
  text-align: center;
  padding: 0.32rem 0;
}
.con .buttom {
  width: 13.44rem;
  height: 2.0053rem;
  margin-left: 0.64rem;
  color: #fff;
  font-size: 0.7253rem;
  line-height: 2.0053rem;
  text-align: center;
  border: 0;
  padding: 0;
  background: linear-gradient(to right, #1cb3fc, #1c86fc);
  margin-bottom: 1.28rem;
}
.con .rule {
  color: #031791;
  font-size: 0.512rem;
  text-align: center;
  margin-bottom: 0.4267rem;
}
